<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
	    <h5>五级标题</h5>
	    <h6>六级标题</h6>
		<!-- p=paragraph 段落-->
	    <p>王老师是Java讲师，朱老师是Java讲师，高老师是Java讲师dsjopdhsdifhsiodhsoihdihsidhisohdi</p>
	    <p>鞠老师是H5讲师，李老师是H5讲师</p>
		<!--img  图片
		       alt:替代文字，图片没有加载出来显示的文字
		       width:宽
		       height:高
		   -->
		<img src="img/bd.png"></img>
		<img src="img/bd.png"/>
		<img src="img/bd.png" width="100px" height="100px"/>
		<br />
		 <!-- a 超链接
		       target="_blank" 在新窗口打开
		       title="悬停文字"
		   -->
		<a href="http://www.baidu.com" target="_blank">跳转到Baidu</a>
		 <!--有序列表 ol=ordered list -->
	   <ol>
		   <li>北京</li>
		   <li>上海</li>
		   <li>深圳</li>
		   <li>广州</li>
	   </ol>
	   <!--无序列表 ul=unordered list  语义：你想表达什么概念就用哪个标签 表达一个集合概念-->
	   <ul>
		   <li>北京</li>
		   <li>上海</li>
		   <li>深圳</li>
		   <li>广州</li>
	   </ul>
	    
	    <span>山东省青岛市城阳区春阳路大润发</span>
		<br/>
	    <span><u>山东省</u><i>青岛市</i><span style="color: red;"><b>城阳区</b>春阳路大润发</span></span>
		<table cellspacing="0" border="1" width="400px">
			<tr>
				<td>ID</td>
				<td>名字</td>
				<td>年龄</td>
				<td>性别</td>
			</tr>
			<tr>
				<td>1</td>
				<td>张三1</td>
				<td>23</td>
				<td>男</td>
			</tr>
			<tr>
				<td>2</td>
				<td>张三2</td>
				<td>23</td>
				<td>男</td>
			</tr>
			<tr>
				<td>3</td>
				<td>张三3</td>
				<td>23</td>
				<td>男</td>
			</tr>
		</table>
	</body>
</html>
